// 书写功能js代码
// 1.初始化包环境，下载webpack和webpack-cli
// 2.public/index.html - 准备li
// 3.把webpack.config.js配置复制过来
// 4.main.js - 引入jquery(ES6方式)  实现功能
// 5.打包后，public/index.html 引入打包降级后的js代码使用-运行html文件观察隔行变色效果
import $ from 'jquery'
$('#myUl>li:even').css("color", "green")
$('#myUl>li:odd').css("color", "red")

// 总结：node+webpack在底层支持,前端使用yarn/npm下载包，ES6方式引入使用包
// 前端工程化(模块化开发)成为可能

// 5.0 引入css文件
// 前端模块化开发 每个文件都是模块,需要使用必须import导入
// css-loader webpack识别import引入css文件(处理打包css文件的能力) ->打包进js文件中
// style-loader 把js中 css的代码插入到DOM中
import "./css/index.css"